<template>
  <div class="details">
    <myComponent :show.sync="valueChild" style="padding: 30px 20px 30px 5px;border:1px solid #ddd;margin-bottom: 10px;"></myComponent>
    <button @click="changeValue">toggle</button>
  </div>
</template>
<script>
import myComponent from "../components/MyComponent"
export default {
  components: {
    myComponent
  },
  data() {
    return {
      valueChild: true
    }
  },
  methods: {
    changeValue() {
      this.valueChild = !this.valueChild
    }
  }
}
</script>